<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>我的购物车</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<link rel="stylesheet" type="text/css" href="css/gouwuche.css">
	
  </head>
  
  <body>
    <!--页头-->
<div>
    <div  id="tou">
        <div id="title">
            <div id="logo"><a href="shouye.do"><img src="images/gf_03.gif" height="41" width="44"/></a></div>
            <div id="caidan">3
                在线商城&emsp;&emsp;坚果Pro2&emsp;&emsp;坚果Pro&emsp;&emsp;Smartisan OS&emsp;&emsp;欢喜云&emsp;&emsp;应用下载&emsp;&emsp;官方论坛&emsp;&emsp;
                <div id="tu"><a href="denglupanduan.do"><img src="images/qbsp_06.gif" height="20" width="20"/></a>&emsp;&emsp;<img
                        src="images/qbsp_08.gif" height="20" width="25"/></div>
                <div class="yuan">${zhong }</div>
            </div>
        </div>
    </div>
    <div id="cai">
    </div>
</div>
<!--主体-->
<div id="body2">
    <div id="kuan">
    <form id="form1" action="tianjiadingdan.do">
        <div class="jianbian">购物清单</div>
        <div id="kuanbai">
            <div class="xinxi">
                商品信息
            </div>
            <div class="right">
                <ul>
                    <li>单价</li>
                    <li>数量</li>
                    <li>小计</li>
                    <li>操作</li>
                </ul>
            </div>
        </div>
        <!--选中商品-->
        <div>
            <table width="1220" border="0" cellspacing="0" cellpadding="0" id="biao">
                <tbody>
	                <c:forEach items="${list }" var="list">
	                	<tr class="prod" id="xunhuan">
							<td width="70"><input type="checkbox" class="inp" name="fuxuan" value="${list.id }"> </td>
							<td width="518">
								<div class="xiaotu"><img src="${list.tu }" height="67" width="45"></div>
								<p class="shopzi">${list.ming } </p>
							</td>
							<td width="150">￥<span id="money">${list.money }</span></td>
							<td width="165">
								<div class="jian"><a href="javascript:void(0)">-</a></div>
								<a class="shulinag" id="sum">${list.sum }</a>
								<div class="jia"><a href="javascript:void(0)">+</a></div>
							</td>
							<td width="149" id="jia">￥<span id="sp">${list.zhongjia }</span></td>
							<td class="six">
									<div class="delete">✖</div>
							</td>
						</tr>
	                </c:forEach>
				</tbody>
            </table>
        </div>
        <!--结算-->
        <div class="jiazhihao">
            <div class="zuo2"><input type="checkbox" id="quanxuan"/> 全选&emsp;<span>丨&emsp;删除选中的商品</span></div>
            <div class="gao">
                <div>
                    已选择 <span class="xuanzhong">0</span> 件商品<br/>&emsp;共计 <span class="gongji">${zhong }</span> 件商品
                </div>
                <div>
                    应付总额：￥<span id="zhongjia">0</span><br/>应付总额不含运费&emsp;&emsp;
                </div>
                <!--../Chuzi/Tianxiediandan.html-->
                <div><input id="BlueDiv" type="submit" value="现在结算"></div>
            </div>
        </div>
        </form>
    </div>
    <div class="kuan2">
        <div class="jianbian">相关推荐</div>
        <!--第一行-->
        <div id="bjbai">
            <ul>
                <li>
                    <div class="kuan305">
                        <div class="block"><img src="images/我的购物车---Smartisan_03.gif"></div>
                        <div class="block2">坚果Pro钢化玻璃保护膜(前屏用)</div>
                        <div class="block3">高达92%的超强透光率、耐刮花、防指纹</div>
                        <div class="blockRed">￥49.00</div>
                        <div class="yinchang">
                            <input type="button" value="查看详情" style="border: 0px solid #000; border-radius: 5px;color: #000; height: 25px; width: 80px">
                            <input type="button" name="tianjia" value="加入购物车" style="border: 0px solid #000; border-radius: 5px;background-color: #537be0;color: #fff; height: 25px; width: 80px">
                        </div>

                    </div>
                </li>
                <li>
                    <div class="kuan305">
                        <div class="block"><img src="images/我的购物车---Smartisan_05.gif"></div>
                        <div class="block2">坚果 Pro 软胶保护套</div>
                        <div class="block3">TPU 环保材质、耐磨、耐油、耐久性强</div>
                        <div class="blockRed">￥49.00</div>
                        <div class="yinchang">
                            <input type="button" value="查看详情" style="border: 0px solid #000; border-radius: 5px;color: #000; height: 25px; width: 80px">
                            <input type="button" name="tianjia" value="加入购物车" style="border: 0px solid #000; border-radius: 5px;background-color: #537be0;color: #fff; height: 25px; width: 80px">
                        </div>
                    </div>
                </li>
                <li>
                    <div class="kuan305">
                        <div class="block"><img src="images/我的购物车---Smartisan_07.gif"></div>
                        <div class="block2">坚果 Pro 2</div>
                        <div class="block3">漂亮得不像实力派</div>
                        <div class="blockRed">￥3,299.00</div>
                        <div class="yinchang">
                            <input type="button" value="查看详情" style="border: 0px solid #000; border-radius: 5px;color: #000; height: 25px; width: 80px">
                            <input type="button" name="tianjia" value="加入购物车" style="border: 0px solid #000; border-radius: 5px;background-color: #537be0;color: #fff; height: 25px; width: 80px">
                        </div>
                    </div>
                </li>
                <li>
                    <div class="kuan305R">
                        <div class="block"><img src="images/我的购物车---Smartisan_09.gif"></div>
                        <div class="block2">Smartisan 原装快充充电器 18W</div>
                        <div class="block3">18W 安全快充</div>
                        <div class="blockRed">￥59.00</div>
                        <div class="yinchang">
                            <input type="button" value="查看详情" style="border: 0px solid #000; border-radius: 5px;color: #000; height: 25px; width: 80px">
                            <input type="button" name="tianjia" value="加入购物车" style="border: 0px solid #000; border-radius: 5px;background-color: #537be0;color: #fff; height: 25px; width: 80px">
                        </div>
                    </div>
                </li>
            </ul>
        </div>
        <!--第二行-->
        <div id="bjbai2">
            <ul>
                <li>
                    <div class="kuan305">
                        <div class="block"><img src="images/我的购物车---Smartisan_18.gif"></div>
                        <div class="block2">畅呼吸智能空气净化器</div>
                        <div class="block3">超强净化能力、超低噪音、超长寿命</div>
                        <div class="blockRed">￥3,499.00</div>
                        <div class="yinchang">
                            <input type="button" value="查看详情" style="border: 0px solid #000; border-radius: 5px;color: #000; height: 25px; width: 80px">
                            <input type="button" name="tianjia" value="加入购物车" style="border: 0px solid #000; border-radius: 5px;background-color: #537be0;color: #fff; height: 25px; width: 80px">
                        </div>
                    </div>
                </li>
                <li>
                    <div class="kuan305">
                        <div class="block"><img src="images/我的购物车---Smartisan_16.gif"></div>
                        <div class="block2">坚果 Pro 2 文青保护套</div>
                        <div class="block3">文青配色、质感精良</div>
                        <div class="blockRed">￥99.00</div>
                        <div class="yinchang">
                            <input type="button" value="查看详情" style="border: 0px solid #000; border-radius: 5px;color: #000; height: 25px; width: 80px">
                            <input type="button" name="tianjia" value="加入购物车" style="border: 0px solid #000; border-radius: 5px;background-color: #537be0;color: #fff; height: 25px; width: 80px">
                        </div>
                    </div>
                </li>
                <li>

                    <div class="kuan305">
                        <div class="block"><img src="images/我的购物车---Smartisan_17.gif"></div>
                        <div class="block2">坚果 Pro 2 软胶保护套</div>
                        <div class="block3">TPU 环保材质、完美贴合</div>
                        <div class="blockRed">￥49.00</div>
                        <div class="yinchang">
                            <input type="button" value="查看详情" style="border: 0px solid #000; border-radius: 5px;color: #000; height: 25px; width: 80px">
                            <input type="button" name="tianjia" value="加入购物车" style="border: 0px solid #000; border-radius: 5px;background-color: #537be0;color: #fff; height: 25px; width: 80px">
                        </div>
                    </div>
                </li>
                <li>
                    <div class="kuan305R">
                        <div class="block"><img src="images/我的购物车---Smartisan_15.gif"></div>
                        <div class="block2">坚果 Pro 2 文青保护套</div>
                        <div class="block3">文青配色、质感精良</div>
                        <div class="blockRed">￥99.00</div>
                        <div class="yinchang">
                            <input type="button" value="查看详情" style="border: 0px solid #000; border-radius: 5px;color: #000; height: 25px; width: 80px">
                            <input type="button" name="tianjia" value="加入购物车" style="border: 0px solid #000; border-radius: 5px;background-color: #537be0;color: #fff; height: 25px; width: 80px">
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>
<!--页脚-->
<div id="yejiao">
    <div class="kuan3">
        <div class="zuo">
            <ul id="hhhh">
                <li >
                    <p>订单服务</p>
                    <p>购买指南<br>支付方式<br>送货政策</p>
                </li>
                <li>
                    <p>服务支持</p>
                    <p>售后服务<br>维修门店<br>零售门店</p>
                </li>
                <li>
                    <p>自助服务</p>
                    <p>热点资讯<br>预约购买<br>订单物流</p>
                </li>
                <li>
                    <p>媒体中心</p>
                    <p>新闻动态<br>官方视频<br>图片资源</p>
                </li>
                <li>
                    <p>关于公司</p>
                    <p>公司简介<br>加入我们<br>联系我们</p>
                </li>
                <li>
                    <p>关注我们</p>
                    <p>新浪微博<br>官方微信<br>官方贴吧</p>
                </li>
            </ul>
        </div>
        <div class="you">
            <h3>400-626-5666</h3>
            <p class="p">周一至周六9：00-1800(仅收市话费)</p>
            <div id="xiao"><img src="images/官方在线商城---Smartisan_156.gif" height="14" width="15"/> 在线帮助</div>
        </div>
    </div>
    <hr>
    <div class="z">
        <p>Copyright © , Smartisan Digital Co., Ltd. All Rights Reserved.北京锤子数码科技有限公司 &emsp;|<span>法律声明</span> &emsp;|<span>隐私条款</span> &emsp;|<span>开发者中心</span><br>
            <span style="color: #5c5251">京ICP备14041720号-1京ICP证140622号京公网安备11010502025474</span>
        </p>
    </div>
    <div class="you2">
        <img src="images/官方在线商城---Smartisan_160.gif" height="15" width="23"/>&emsp;中文
    </div>
</div>

   <script src="js/jquery-1.8.3.js"></script>
	<script src="js/gouwuche.js"></script>	
  </body>
</html>
